<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/accountlist.css">
    <title>账户列表</title>
</head>
<body style="background:#f1f5f8;">
    <div class="box">
        <!-- 表单 -->
        <div class="header">
            <form class="form-inline">
                <div class="form-group">
                    <label for="exampleInputName2">姓名</label>
                    <input type="text" class="form-control">
                </div>
                <div class="form-group">
                    <label for="exampleInputEmail2">公司</label>
                    <input class="form-control">
                </div>
                <div class="form-group">
                    <label for="exampleInputName2">状态</label>
                    <select name="" id="">
                        <option value="">执行中</option>
                        <option value="">等待中</option>
                        <option value="">已撤销</option>
                        <option value="">已结束</option>
                    </select>
                </div>
                <div>
                    <div class="form-group">
                            <label for="exampleInputEmail2">注册时间</label>
                            <input type="date" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputName2">至</label>
                        <input type="date" class="form-control">
                    </div>
                    <div class="form-group">
                    <label for="exampleInputName2">权限</label>
                        <select name="" id="">
                            <option value="">启用</option>
                            <option value="">禁用</option>
                        </select>
                    </div>
                </div>
               
                <!-- 重置 检索按钮 -->
                <div class="oBtn">
                    <input type="reset" value="重置">
                    <input type="submit" value="检索">
                </div>
                
            </form>
        </div>
        <!-- 表格 -->
        <div class="tableList">
            <div class="controlBtn">
                <div class="oRight">
                    <span>当前列表总数88</span>
                </div>
            </div>
            <!-- 表格 -->
            <table class="table table-bordered">
                <!-- 表头 -->
                <thead>
                    <tr class="warning">
                        <th>账号</th>
                        <th>姓名</th>
                        <th>联系电话</th>
                        <th>所属公司</th>
                        <th>类型</th>
                        <th>开户人</th>
                        <th>开户时间</th>
                        <th>状态</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <!-- 表身 -->
                <tbody>
                    <tr>
                        <td>12243</td>
                        <td>有意 u</td>
                        <td>有意*</td>
                        <td>有意**</td>
                        <td>******</td>
                        <td>******</td>
                        <td>******</td>
                        <td>******</td>
                        <td><a href="javascript:;" data-toggle="modal" data-target="#myModal">修改</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!-- 分页-->
        <div value="1 0" style="width:0"></div>
        <div id="page" class="page_div"></div>
    </div>


    <!-- 弹出框 是否撤销报备 -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">修改账号</h4>
            </div>
            <div class="modal-body">
                <form class="form-inline">
                    <div class="form-group">
                        <label for="exampleInputName2">账号</label>
                        <input type="text" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail2">电话</label>
                        <input type="number" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputName2">密码</label>
                        <input type="password" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputName2">确认密码</label>
                        <input type="password" class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputName2">姓名</label>
                        <input class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputName2">公司</label>
                        <input class="form-control">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputName2">类型</label>
                        <select name="" id="">
                            <option value="">1</option>
                            <option value="">2</option>
                        </select>
                    </div>
                    <!-- 重置 检索按钮 -->
                    <div class="oBtn">
                        <input type="reset" value="重置">
                        <input type="submit" value="检索">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确定</button>
            </div>
            </div>
        </div>
    </div>


    <script src="./js/jquery-3.2.0.js"></script>
    <script src="./js/bootstrap.min.js"></script> 
    <script src="./js/paging.js"></script>
    <script src="./js/pag.js"></script>
</body>
</html>